<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>首页</title>
    <link href="/static/plugs/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/style.css" rel="stylesheet">
<link href="/static/css/common.css" rel="stylesheet">
<link href="/static/plugs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="/static/plugs/jquery/js/jquery-3.3.1.js"></script>
<script src="/static/plugs/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="/static/plugs/jquery/jQueryRotate/jquery.rotate.min.js"></script>
<script src="/static/js/global.js"></script>  </head>
  <body>
<div class="container main data-row common-nav">
    <div class="container body nav-box">
        <ul class="container nav nav-pills">
            <li class="logo"><img src="/static/img/logo.png"/></li>
            <li class="nav actives"><a>首页</a></li>
                                <li class="nav dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        unity素材<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                            <li><a href="#">模型</a></li>
                    </ul>
                </li>
                        <li class="nav"><a>PPT素材</a></li>
                        <li class="nav"><a>音效素材</a></li>
                        <li class="nav"><a>图片素材</a></li>
                        <li class="nav"><a>其它</a></li>
        </ul>
        <!-- 搜索 -->
        <div class="search input-group">
            <input type="text" class="form-control" placeholder="全站搜">
            <span class="input-group-addon btn btn-primary">搜索</span>
        </div>
        <!-- 用户登录 -->
                <div class="user-login">
                    <span class="fa fa-user-circle" onclick="href('/thirdparty/login.html')"></span>
                    <span class="fa fa-angle-down"></span>
                </div>

    </div>

</div><!-- 搜索区域 -->
<div class="container main data-row search-box">
  <div class="container body">
    <img class="banner data-row" src="/static/img-test/banners.png"/>
    <!-- 搜索框 -->
    <ul class="container data-row search">
    <li>当前位置</li>
    <li>></li>
    <li>音效</li>
    <li>></li>
    <li>
      <!-- 搜索 -->
      <div class="search input-group">
      <input type="text" class="form-control" placeholder="输入关键词搜索">
      <span class="input-group-addon btn btn-primary">搜素材</span>
     </div>
    </li>
    </ul>
    
    <ul class="container choice-box">
      <li>场景:</li>
      <li class="active" type="nav">全部</li>
      <li type="nav">广告设计</li>
      <li type="nav">影视音效</li>
      <li type="nav">广告设计</li>
      <li type="nav">影视音效</li>
      <li type="nav">广告设计</li>
      <li type="nav">影视音效</li>
    </ul>

    <ul class="container  choice-box">
      <li>风格:</li>
      <li class="active" type="nav">全部</li>
      <li type="nav">广告设计</li>
      <li type="nav">影视音效</li>
      <li type="nav">广告设计</li>
      <li type="nav">影视音效</li>
      <li type="nav">广告设计</li>
      <li type="nav">影视音效</li>
    </ul>

  </div>

</div>
<!-- 内容区 -->
<div class="container main data-row main-box">

    <div class="container body">
        <!-- 左边内容 -->
         <ul class="container body-ul">
            <li class="container item">
              <span class="fa fa-star-o taobao"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

            <li class="container item">
              <span class="fa fa-star-o"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

            <li class="container item">
              <span class="fa fa-star-o"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

            <li class="container item">
              <span class="fa fa-star-o"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

            <li class="container item">
              <span class="fa fa-star-o"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

            <li class="container item">
              <span class="fa fa-star-o"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

            <li class="container item">
              <span class="fa fa-star-o"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

            <li class="container item">
              <span class="fa fa-star-o"></span>
                <!-- 缩略图 -->
                 <div class="container content-item img">
                    <img  class="rotate-img suspend" src="/static/img/img-new-cd.png"/>
                    <span class="fa fa-play-circle"></span>
                 </div>
                 <!-- 文字 -->
                 <div class="container content-item text">
                     <h5>5.5 正式版发布，图文介绍20个主要新功能地方大师傅第三方第三方都是发的送房贷首付第三方都是</h5>
                     <!-- <p>WordPress 5.5中最大的变化也许是插件和主题的自动更新,WordPress 5.5中最大的变化也许是插件和主题的自动更新第三方都是发多少.</p> -->
                     
                     <ul class="container">
                      <li class="container"><span class="fa fa-comment-o"> 1</span></li>
                      <li class="container"><span class="fa fa-eye"> 12</span></li>
                      <li ><a href="#" class="yellow-button">立即下载</a></li>
                     </ul>
                 </div>
            </li>

         </ul>

         <!--翻页-->
         <div class="page-box container">
           <center>
            <ul class="container pagin">
                  <li><span>上一页</span></li>
                  <li>1</li>
                  <li>2</li>
                  <li>...</li>
                  <li class="active">4</li>
                  <li>5</li>
                  <li>下一页</li>
            </ul>

           </center>

         </div>


    </div>

</div>

<!-- 页脚 -->
<div class="container main footer">

    <div class="container body">

        <div class="container item">
            <h4 class="text-title">关于我们</h4>
            <p>WordPress大学创建于2012年10月，专注于WordPress建站教学和WordPress资源分享。我们希望通过努力，让更多人了解WordPress这个全世界最流行的建站程序，让每个人都能用好WordPress！</p>
        </div>

        <div class="container item">
            <h4 class="text-title">招聘与合作</h4>
            <div class="container ul-box">
                <ul class="container" type="normal">
                    <li><span class="fa fa-angle-right"></span>招聘信息</li>
                    <li><span class="fa fa-angle-right"></span>地区事业合作</li>
                </ul>
            </div>

        </div>
        <div class="container item">
            <h4 class="text-title">关于我们</h4>
            <div class="container ul-box">
                <ul class="container" type="normal">
                    <li><span class="fa fa-angle-right"></span>平台简介</li>
                    <li><span class="fa fa-angle-right"></span>新闻动态</li>
                    <li><span class="fa fa-angle-right"></span>发展历程</li>
                    <li><span class="fa fa-angle-right"></span>联系我们</li>
                </ul>
            </div>

        </div>

        <div class="container item">
            <h4 class="text-title">关注交流</h4>
            <ul class="container" type="qrcode">
                <li>
                    <img src="/static/img-test/qrcode.jpg"/>
                    <p>微信公众号</p>
                </li>
                <li>
                    <img src="/static/img-test/qrcode.jpg"/>
                    <p>QQ扫描加群</p>
                </li>
            </ul>
        </div>

    </div>

    <div class="container main bottom">
        <div class="container body">
            <p>© 2012-2020 桂林沃鹏网络科技有限公司 · 基于 WordPress · 托管于 阿里云 桂公网安备 45030502000280号 · 桂ICP备19002149号-1</p>
        </div>
    </div>
</div>
  </body>
</html>
<script>
    $(function () {
        $.ajax({
            url: "/api/global/regeoCode",
            type: "post",
            dataType:'json',
            contentType:'application/json;charset=UTF-8',
            data: {'pos': "110.756896,27.463601"},
            contentType: false,
            processData: false,
            success: function (result) {
                // $("#address").text(result.result);
            },
            error: function (result) {
                // $("#address").text(result.msg);
            }
        });
    })
</script>